<template>
  <div class="home">
    <HomeTitle>
      <p >编辑推荐</p>
    </HomeTitle>
    <SongList />
    <HomeTitle>
      <p >最新音乐</p>
    </HomeTitle>
    <NewestList @play-list="$emit('play-list',$event)" :songId="songId" @play-audio="$emit('play-audio',$event)" :playing="playing" />
    <HomeFooter />
  </div>
</template>

<script>
import HomeTitle from "@/components/HomeTitle.vue";
import SongList from "@/components/SongList.vue";
import NewestList from "@/components/NewestList.vue";
import HomeFooter from "@/components/HomeFooter.vue";


export default {
  name: "Home",
  components: {
    HomeTitle,
    SongList,
    NewestList,
    HomeFooter
  },  
  props:{
    songId:Number,
    playing:Boolean,
  },
};
</script>
<style lang="less" scoped>
</style>